/* 轮播 */
.banner{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  min-height: 600px;
}
.banner-inner{
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.banner-img{
  width: 100%;
}
.banner-item img{
  width: 100%;
}
.index-video{
  display: block;
  width: 100%;
}
.banner-btn{
  position: absolute;
  right: 50px;
  bottom: 50px;
  display: flex;
  flex-direction: row;
  width: 100px;
  justify-content: space-between;
}
.banner-event-btn{
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
.banner-body{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 0 160px;
  align-items: center;
  flex-wrap: nowrap;
}
.banner-body-num{
  width: 140px;
  height: 100%;
}
.banner-body-numWrap{
  width: 69px;
  border-bottom: 6px solid #45F5F8;
  margin-top: 200px;
}
.banner-body-numWrap img {
  width: 100%;
}
.banner-body-title{
  font-size:64px;
  font-family:Roboto;
  font-weight:300;
  line-height:80px;
  color:#FFFFFF;
  text-transform: uppercase;
}
.banner-body-title2{
  font-size:48px;
  font-weight:400;
  line-height:100px;
  color:#FFFFFF;
}
.banner-body-font{
  margin: 100px 0 145px 0;
  width: 418px;
}
.banner-body-fontItem{
  width: 33%;
  font-size:16px;
  font-weight:400;
  line-height:40px;
  color: #ffffff;
}
.banner-concat{
  width: 240px;
  position: absolute;
  left: 300px;
  bottom: 90px;
  justify-content: space-between;
}
.banner-concat-item{
  position: relative;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.banner-concat-item1{
  background: url("../img/index/首屏二维码-未选中.png") no-repeat center center;
  background-size: cover;
}
.banner-concat-item1:hover{
  background: url("../img/index/首屏二维码-选中.png") no-repeat center center;
  background-size: cover;
}
.banner-concat-item1:hover .position-code, .banner-concat-item2:hover .position-code{
  display: block;
}
.banner-concat-item2{
  background: url("../img/index/首屏电话-未选中.png") no-repeat center center;
  background-size: cover;
}
.banner-concat-item2:hover{
  background: url("../img/index/首屏电话-选中.png") no-repeat center center;
  background-size: cover;
}
.banner-concat-item3{
  background: url("../img/index/首屏客服-未选中.png") no-repeat center center;
  background-size: cover;
}
.banner-concat-item3:hover{
  background: url("../img/index/首屏客服-选中.png") no-repeat center center;
  background-size: cover;
}
.position-code{
  position: absolute;
  left: -100px;
  top: -150px;
  display: none;
}
.banner-concat-item2 .position-code{
  position: absolute;
  left: -75px;
  top: -74px;
  display: none;
}
/* 平台 */
.platform{
  background: #FFFFFF;
  overflow: hidden;
}
.platform-title, .solution-title, .partner-title{
  font-size:48px;
  line-height:75px;
  color:#4C5258;
  margin-top: 109px;
  text-align: center;
}
.platform-line, .solution-line, .partner-line{
  width:56px;
  height:4px;
  background-color: #276FFF;
  margin: 42px auto;
}
.platform-cont, .solution-cont{
  margin: 0 auto 29px;
  font-size:16px;
  font-weight:400;
  line-height:24px;
  color:#6E737A;
  text-align: center;
}
.platform-box{
  margin: 104px 0 104px 0;
}
.plateform-item{
  width: 10%;
  position: relative;
}
.plateform-item img{
  width: 100%;
  opacity: 0.4;
}
.plateform-item-two img{
  margin-left: 50%;
  margin-top: -32%;
}
.plateform-item-three img{
  margin-top: -32%;
}
.plateform-show{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.plateform-show img{
  width: 100%;
  cursor: pointer;
  z-index: 999;
  opacity: 1;
}
.plateform-show:hover .hide-img{
  display: block;
}
.plateform-show:hover .nochoose-img{
  display: none;
}
.plateform-show:hover .plateform-show-font{
  display: none;
}
.plateform-show:hover .plateform-hide-font{
  display: block;
}
.hide-img{
  z-index: 999;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  /*box-shadow: 0px 8px 16px 0px rgba(93, 157, 235, 0.19);*/
}
.plateform-hide-font, .plateform-show-font{
  position: absolute;
  left: -25%;
  top: 100%;
  z-index: 999;
  width: 200%;
  margin-left: -25%;
  display: none;
}
.plateform-item-two .plateform-hide-font, .plateform-item-two .plateform-show-font {
  margin-left: 25%;
}
.plateform-show-font{
  display: block;
}
.plateform-font-title{
  /*height:75px;*/
  font-size:22px;
  color:#6C7581;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.plateform-font-title .plateform-font-order{
  font-size:45px;
  font-weight:400;
  color: #276FFF;
  margin-right: 10px;
}
.plateform-font-cont{
  font-size:16px;
  line-height:24px;
  color: #6E737A;
  text-align: center;
}
/* 优势 */
.advantage{
  overflow: hidden;
  position: relative;
}
.advantage-bg{
  width: 100%;
  overflow: hidden;
}
.advantage-bg video, .advantage-bg img{
  width: 100%;
  display: block;
}
.advantage-body{
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.advantage-left{
  align-items: center;
  position: absolute;
  left: 17%;
  top: 50%;
  margin-top: -70px;
}
.advantage-left-cont{
  justify-content: center;
}
.advantage-left-title{
  font-size:48px;
  font-weight:400;
  /*line-height:100px;*/
  color: #ffffff;
  margin-bottom: 30px;
}
.advantage-left-titleLine{
  margin: 0 auto;
  width:50px;
  height:4px;
  background:rgba(39,111,255,1);
  opacity:1;
}
.advantage-right{
  width: 100%;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-right: 5%;
}
.advantage-right-body{
  width: 50%;
  justify-content: center;
}
.advantage-item{
  height: 15%;
  align-items: center;
  flex-wrap: nowrap;
}
.advantage-item-a{
  padding-left: 5%;
}
.advantage-item-b{
  padding-left: 10%;
}
.advantage-item-wrap{
  align-items: center;
}
.advantage-item1{
  width:10%;
  height:4px;
  background:linear-gradient(270deg,rgba(39,111,255,1) 0%,rgba(11,30,56,1) 100%);
  margin-right: 5%;
}
.advantage-item2{
  margin-right: 40px;
}
.advantage-item3{
  color: #ffffff;
}
.advantage-item3-title{
  font-size:22px;
  line-height:40px;
}
.advantage-item3-font{
  width: 378px;
  font-size:16px;
  line-height:24px;
}
/* 解决方案 */
.solution{
  overflow: hidden;
  height:960px;
  background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(242,247,252,1) 100%);
}
.solution-box{
  padding: 0 160px;
  height: 636px;
}
.solution-item{
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.solution-item:hover .solution-font-div{
  display: block;
}
.solution-img-titie{
  margin-top: 40px;
  font-size:18px;
  font-weight:400;
  line-height:75px;
  line-height: 24px;
}
.solution-font-div{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
  display: none;
  cursor: pointer;
}
.solution-font-div a{
  width: 100%;
  height: 100%;
  display: block;
}
.solution-font{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6C7581;
}
.solution-font-box{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.solution-font-header{
  font-size: 18px;
  text-align: center;
}
.solution-font-line{
  width:34px;
  height:2px;
  background-color:#6C7581;
  margin: 36px auto;
}
.solution-font-text{
  width: 80%;
  line-height: 24px;
  margin: 0 auto;
}
/* 公司简介 */
.company-box{
  background-color: #ffffff;
  padding: 120px 160px;
  justify-content: space-between;
}
.company-wrap{
  width: 50%;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 100px;
}
.company-wrap-one{
  padding-right: 160px;
}
.company-wrap-two{
  padding-left: 80px;
}
.company-title{
  font-size:48px;
  line-height:75px;
  color:#4C5258;
}
.company-title-line{
  width:56px;
  height:4px;
  background-color: #276FFF;
  margin: 42px 0;
}
.company-buss{
  overflow: hidden;
  margin: 109px 0;
  /*justify-content: space-between;*/
  flex-wrap: nowrap;
}
.company-buss-one{
  height: 30px;
  line-height: 30px;
  font-size:22px;
  color: #6C7581;
  white-space: nowrap;
}
.company-buss-two{
  height: 30px;
  line-height: 30px;
  color: #6C7581;
  padding: 0 48px;
}
.company-buss-three{
  line-height: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.company-buss-item{
  width: 33%;
}
.view-more{
  width:115px;
  height:48px;
  border:1px solid #6C7581;
  line-height: 48px;
  text-align: center;
  color: #6C7581;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
.view-more-two{
  left: 80px;
}
.news-img-list{
  width: 100%;
  max-width: 520px;
  /*height: 390px;*/
  /*overflow: hidden;*/
  position: relative;
}
.news-banner-wrap{
  cursor: pointer;
}
.news-banner-wrap img{
  width: 100%;
  display: block;
}
.news-detail-banner{
  width: 50%;
  height: 192px;
  position: absolute;
  top: 50%;
  margin-top: -96px;
  right: -150px;
  z-index: 99;
  background-color: #276FFF;
  opacity: 0.8;
}
.new-box{
  width: 100%;
  height: 192px;
  background-color: #F3F7FC;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  border-right: 4px solid #276FFF;
  cursor: pointer;
}
.new-box-bg{
  background-color: #276FFF;
}
.news-banner-num{
  width: 100%;
  height: 25px;
  line-height: 25px;
  justify-content: flex-end;
  margin: 10px 0;
  font-size:16px;
  font-family:Arial;
  color: #AAB0B8;
}
.news-num{
  margin-left: 22px;
  cursor: pointer;
}
.news-num.active{
  color: #276FFF;
  border-bottom: 1px solid #276FFF;
}
.news-font{
  font-size:16px;
  font-weight:400;
  line-height:24px;
  color: #6E737A;
}
.news-time{
  font-size:12px;
  font-weight:400;
  line-height:30px;
  color: #AAB0B8;
}
.news-eye{
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-top: 40px;
}
.news-eye-item{
  height: 30px;
  align-items: center;
}
.news-eye-item img{
  margin-right: 2px;
}
/*合作伙伴*/
.partner{
  overflow: hidden;
  background-color: #F3F7FC;
  padding-bottom: 109px;
}
.partner-cont{
  width: 100%;
  box-sizing: border-box;
  padding: 0 160px;
  margin-top: 50px;
}
.partner-cont-wrap{
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.partner-img-wrap{
  width: 11%;
  /*width: 160px;*/
  /*height: 80px;*/
  overflow: hidden;
  margin: 0 1% 1% 0;
}
.partner-img-wrap img{
  width: 100%;
}
